<template lang="pug">
  .m-options
    .f-m-t-20(@click="fetchList") {{ msg }}
    .f-m-t-20 options page
</template>

<script lang="ts">
import Vue from 'vue'

export default Vue.extend({
  name: 'Options',
  data () {
    return {
      msg: 'This is chrome_extensionjs option page'
    }
  },
  methods: {
    fetchList () {
      chrome.runtime.sendMessage({ type: 'eat' }, (res) => {
        console.log('options.eat: ', res)
      })
    }
  },
  mounted () {
    console.log('options log')
  }
})
</script>
